﻿<!DOCTYPE HTML>
<html class="no-js" lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <meta name="author" content="smartit-source">
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <!-- title here -->
    <title></title>
    <!-- Favicon and Touch Icons -->
    <link rel="shortcut icon" href="/static/frontEnd/assets/images/fav.png">
    <!-- Place favicon.ico in the root directory -->
    <link rel="apple-touch-icon" href="apple-touch-icon.png">
    <!-- Fonts -->
    <link href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,800,900" rel="stylesheet">
    <link rel="stylesheet" href="/static/frontEnd/assets/css/font-awesome.min.css">
    <link rel="stylesheet" href="/static/frontEnd/assets/css/flaticon.css">
    <!-- Plugin CSS -->
    <link rel="stylesheet" href="/static/frontEnd/assets/css/bootstrap.min.css">
    <link rel="stylesheet" href="/static/frontEnd/assets/css/animate.css">
    <link rel="stylesheet" href="/static/frontEnd/assets/css/magnific-popup.css">
    <link rel="stylesheet" href="/static/frontEnd/assets/css/owl.carousel.css">
    <link rel="stylesheet" href="/static/frontEnd/assets/css/owl.theme.css">
    <link rel="stylesheet" href="/static/frontEnd/assets/css/owl.transitions.css">
    <link rel="stylesheet" href="/static/frontEnd/assets/css/jquery.barfiller.css">
    <!--Theme custom css -->
    <link rel="stylesheet" href="/static/frontEnd/assets/css/style.css">
    <!--Theme Responsive css-->
    <link rel="stylesheet" href="/static/frontEnd/assets/css/responsive.css"/>
    <script src="/static/frontEnd/assets/js/vendor/modernizr-2.8.3-respond-1.4.2.min.js"></script>
    <!-- Markdown展示 -->
    <link rel="stylesheet" href="/static/markdown/css/editormd.preview.css"/>
    <style>
        /*主要面板*/
.panel-primary{border-color:#6c62ff}
.panel-primary > .panel-header{ border-color:#6c62ff; background-color:#6c62ff; color:#fff}
    </style>
</head>
<body>
<!-- header area start here -->
<!--
<header class="header-area" id="sticky">
    <div class="container">
        <div class="row">
            <div class="col-md-2 col-xs-6">
                <div class="log-area">
                    <a href="/MyArticle/"><span style="font-size: 2.5em;color:#fff;">猿小天的私房菜</span></a>
                </div>
            </div>
            <div class="col-md-9">
                <div class="menu-area white">
                    <nav>
                        <ul>
                            <li><a href="/MyArticle/">首页</a></li>
                            <li><a href="contact.html">Contact us</a></li>
                        </ul>
                    </nav>
                </div>
            </div>
            <div class="col-md-1 col-xs-6">
                <div class="humbargar-area">
                    <div class="menu-icon text-right">
                        <span class="flaticon-menu humbargar color"></span>
                    </div>
                    <div class="close-area">
                        <span class="close"></span>
                    </div>
                </div>
            </div>
        </div>
    </div>
</header>
-->
 {% include 'frontEnd/header.html' %}
<!-- header area start here -->
<!-- menu area start here -->
{% include 'frontEnd/nav-menu.html' %}
<!-- menu area start here -->
<!-- breadcrumb area start here	 -->
<div class="breadcrumb-area">
    <div class="container">
        <div class="row">
            <div class="col-sm-12 col-md-6">
                <div class="breadcrumb-title">
                    <h2 style="color: #6c62ff;">生活</h2>
                </div>
                <div class="breadcrumb-sibtitle">
                    <h4 style="color: #6c62ff;">不念过去,不畏将来</h4>
                    <h4 style="color: #6c62ff;">不困于情,不乱于心</h4>
                </div>
            </div>
            <div class="col-sm-12 col-md-6">
                <div class="breadcrumb-title text-right">
                    <h2 style="color: #6c62ff;">人生</h2>
                </div>
                <div class="breadcrumb-sibtitle text-right">
                    <h4 style="color: #6c62ff;">忍得过,看得破</h4>
                    <h4 style="color: #6c62ff;">拿得起,放得下</h4>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- breadcrumb area end here	 -->
<!-- travel area start here	 -->
<div class="travel-area ">
    <div class="post-area">
        <div class="container">
            <div class="row">
                <div class="col-lg-10 col-lg-offset-1 col-md-12">
                    <div class="panel panel-primary">
                        <div class="panel-header">
                            <span style="font-size: 2em;padding: 10px;">{{ ArticleList.title }}</span>
                        </div>
                        <div class="panel-body">
                            <div class="Hui-tags-list">
                        <div class="Hui-tags-has">
                            <div>标签:{{ ArticleList.tag }}</div>
                            <div>{{ ArticleList.updateTime }}</div>
                        </div>
                    </div>
                    <div id="myMarkdown">
                        <!-- Server-side output Markdown text -->
                        <textarea style="display:none;">{{ ArticleList.content }}</textarea>
                    </div>
                        </div>
                    </div>



                </div>
            </div>
        </div>
        <!-- leaf left area start here	 -->
        <div class="leaf-left">
            <img src="/static/frontEnd/assets/images/leaf-left.png" alt="leaf-right">
        </div>
        <!-- leaf left area end here	 -->
        <!-- leaf right area start here	 -->
        <div class="leaf-right">
            <img src="/static/frontEnd/assets/images/leaf-right.png" alt="leaf-right">
        </div>
        <!-- leaf right area end here	 -->
    </div>
</div>
<!-- travel area start here	 -->
<!-- 底部信息开始 -->
{% include 'frontEnd/footer.html' %}
<!-- 底部信息结束 -->
<!-- js file start -->
<script src="/static/frontEnd/assets/js/vendor/jquery-1.12.0.min.js"></script>
<script src="/static/frontEnd/assets/js/plugins.js"></script>
<script src="/static/frontEnd/assets/js/Popper.js"></script>
<script src="/static/frontEnd/assets/js/bootstrap.min.js"></script>
<script src="/static/frontEnd/assets/js/jquery.magnific-popup.min.js"></script>
<script src="/static/frontEnd/assets/js/owl.carousel.min.js"></script>
<script src="/static/frontEnd/assets/js/isotope.pkgd.min.js"></script>
<script src="/static/frontEnd/assets/js/imagesloaded.pkgd.min.js"></script>
<script src="/static/frontEnd/assets/js/scrollup.js"></script>
<script src="/static/frontEnd/assets/js/jquery.counterup.min.js"></script>
<script src="/static/frontEnd/assets/js/waypoints.min.js"></script>
<script src="/static/frontEnd/assets/js/jquery.appear.js"></script>
<script src="/static/frontEnd/assets/js/jquery.barfiller.js"></script>
<script src="/static/frontEnd/assets/js/main.js"></script>
<!-- End js file -->
<script src="/static/markdown/editormd.js"></script>
<script src="/static/markdown/lib/marked.min.js"></script>
<script src="/static/markdown/lib/prettify.min.js"></script>
<script type="text/javascript">
    $(function () {
        var testView = editormd.markdownToHTML("myMarkdown", {
            // markdown : "[TOC]\n### Hello world!\n## Heading 2", // Also, you can dynamic set Markdown text
            htmlDecode: true,  // Enable / disable HTML tag encode.
            // htmlDecode : "style,script,iframe",  // Note: If enabled, you should filter some dangerous HTML tags for website security.
        });
    });
</script>
</body>
</html>

